import { Extension } from '@codemirror/state';
import { EditorView } from '@codemirror/view';

export function MyTheme(): Extension {
  return [baseTheme];
}

const baseTheme = EditorView.theme({
  "&": {
    // color: "white",
    'max-height': '400px!important'
  },
  '&.cm-editor': {
    height: '100%',
  },
  // '& .cm-line': {
  //   color:'red'
  // },
  '& .cm-scroller': {
    padding: '10px 2%',
  },
  '&.cm-focused': { outline: 'none' },
  ".cm-content": {
    caretColor: "#0e9"
  },
  ".cm-scroller": {overflow: "auto"}
},{
  dark:false
});
